<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>订单支付-${setting.name}</title>
    [#include "common/include.ftl"]
    <link rel="styleSheet" href="${base}/resource/css/cart.css">
</head>
<body class="customer">
<div class="top w1">
    [#include "common/header-top.ftl"]
    <div class="top-search w">
        <div id="header-logo"><img src="[@Pic pic=setting.logo/]" height="60" width="200"></div>
        <div id="cart-step">
            <div class="step step3"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>

<form action="${base}/order/onlinePay.jhtml" method="post">
    <input type="hidden" name="orderNo" value="${payInfo.orderNo}"/>
    <div id="order-pay">
        <div class="tips"><strong>[重要提示]：</strong><span> 销售商不会以订单异常、系统升级等为由，通过电话、短信等方式要求您点击任何链接进行退款操作。</span><i></i></div>
        <div class="order-main mt10">
            <div class="order-tips"><i class="success"></i>
                <p><span>订单已提交，请于24小时内完成支付</span><strong>( 逾期订单将被取消 )</strong></p>
            </div>
            <div class="order-address mt10">
                <div class="oad"><span>送货至：${payInfo.address} [#if payInfo.contact??]${payInfo.contact?substring(0,3)+"****"+payInfo.contact?substring(payInfo.contact?length-4, payInfo.contact?length)}[/#if]</span></div>
            </div>
            <div class="m-box mt10">
                <div class="mt"><span>应付金额：&nbsp;&nbsp;</span><span class="price"><i>¥</i><strong>${currency(payInfo.total,false)}</strong></span><span>&nbsp;&nbsp;&nbsp;(在线支付)</span></div>
                <div class="mc">
                    <div class="title mt10">支付网银</div>
                    <ul class="cont-list">
                    [#if payInfo.payTypes?has_content]
                        [#list payInfo.payTypes as payType]
                            [#if payType.config?? && payType.config.type?? && payType.config.type = 'card']
                                <li class="c-item pt">
                                    <label for="${payType.decode}">
                                        <input type="radio" name="bankInfo" value="${payType.decode}" id="${payType.decode}">
                                        <img src="${base}/resource/images/dbk/${payType.decode}.png" alt="${payType.name}" title="${payType.name}" width="127" height="30" >
                                    </label>
                                </li>
                            [/#if]
                        [/#list]
                    [/#if]
                    </ul>
                </div>
                <a href="javascript:" id="submit"> 立即支付</a>
                <div class="order-info">
                    <span>订单号：${payInfo.orderNo}</span>
                    <a target="_blank" href="${base}/order/detail.jhtml?orderNo=${payInfo.orderNo}">查看订单</a>
                </div>
            </div>
        </div>
    </div>
</form>
    [#include  "common/footer-simple.ftl"]
<script>
    $(function(){
        $('#submit').click(function(){
            var val = $('input[name="bankInfo"]:checked').val();
            if(val==null){
                oDialog.alert("请选择付款方式");
                return;
            }
            $(this).closest('form').submit();
        });
    });
</script>
</body>
</html>